<template>
  <view class="container">
    <!-- 顶部组件 -->
    <u-navbar
      id="nav-bar"
      :is-back="true"
      :background="{ background: '#fff' }"
      :border-bottom="false"
      title="商户入网"
    ></u-navbar>
    <view class="content">
      <u-cell-group>
        <u-cell-item
          title="联动商户入网"
          :border-top="false"
          @click="navigateTo('/pages/setting/changePsw')"
        >
          <image
            slot="icon"
            class="cell-icon"
            src="/static/images//icon-ldshrw.png"
            mode="scaleToFill"
          />
        </u-cell-item>
        <u-cell-item
          title="联动商户入网查询"
          @click="navigateTo('/pages/setting/aboutUs')"
        >
          <image
            slot="icon"
            class="cell-icon"
            src="/static/images//icon-ldshrwcx.png"
            mode="scaleToFill"
          />
        </u-cell-item>
        <u-cell-item
          title="联动机具解绑"
          @click="navigateTo('/pages/setting/aboutUs')"
        >
          <image
            slot="icon"
            class="cell-icon"
            src="/static/images//icon-ldjjjb.png"
            mode="scaleToFill"
          />
        </u-cell-item>
        <u-cell-item
          title="联动机具换绑"
          :border-bottom="false"
          @click="navigateTo('/pages/setting/aboutUs')"
        >
          <image
            slot="icon"
            class="cell-icon"
            src="/static/images//icon-ldjjhb.png"
            mode="scaleToFill"
          />
        </u-cell-item>
      </u-cell-group>
      <u-gap height="30" bg-color="#f5f5f5"></u-gap>
      <u-cell-group>
        <u-cell-item
          title="真商入网"
          :border-top="false"
          @click="navigateTo('/pages/home/enterpriseMerchant')"
        >
          <image
            slot="icon"
            class="cell-icon"
            src="/static/images//icon-zsrw.png"
            mode="scaleToFill"
        /></u-cell-item>
        <u-cell-item
          title="真商入网查询"
          :border-top="false"
          @click="navigateTo('/pages/home/networkQuery')"
        >
          <image
            slot="icon"
            class="cell-icon"
            src="/static/images//icon-zsrwcx.png"
            mode="scaleToFill"
          />
        </u-cell-item>
      </u-cell-group>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  onLoad() {},
  methods: {
    navigateTo(url) {
      uni.navigateTo({
        url: url,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  min-height: 100vh;
  padding: 30rpx;
  text-align: center;
  background-color: #f5f5f5;
}

.content {
  width: 100%;
  background: #ffffff;
  border-radius: 10rpx;
  overflow: hidden;
  .cell-icon {
    margin-right: 14rpx;
    width: 36rpx;
    height: 36rpx;
  }
}
</style>
